.cq-article--list {
	display: block;
}

.cq-article--item {
	display: inline-block;
	width: calc(100% / 4);
	padding: 0 10px;

	@include media-breakpoint-down(md) {
		width: calc(100% / 2);
	}
}

.cq-article {
	&:hover {
		background-color: $global-theme-color;
	}
}

.cq-article--cover {
	padding-bottom: 105%;
}
